<!DOCTYPE html>
<html lang="zh">

<head>


    <title>天嘉智慧云</title>
    <#include "/headerTj.html">
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
        <script src="http://webapi.amap.com/maps?v=1.4.6&key=7d90c90b1dbe8a8aab6e0d7a77123ecb&plugin=AMap.MouseTool"></script>
        <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
        <script src="https://cdn.bootcss.com/sockjs-client/1.0.3/sockjs.js"></script>
        <script src="https://cdn.bootcss.com/stomp.js/2.3.3/stomp.min.js"></script>
        </head>

<body style="overflow:scroll;overflow-x:hidden">

<div class="container-fluid nolrpad" style="padding:0 0.5%;background-color: #E8EcEF;" >
    <div class="row">
        <div class="col-lg-10">
            <ul id="myTab" class="nav nav-pills nav-lb">
                <li class="nobtnli"><a href="#opt" data-toggle="tab"> 实时监控</a></li>
            </ul>
            <div class="panel panel-default" style="padding-top:0;">
                <div class="panel-body nopaddingtop" style="padding:0;">
                    <div id="mapcontainer"></div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-body nopaddingtop" style="padding:0">
                    <table id="jqGrid" ></table>
                    <div id="jqGridPager"></div>
                </div>
            </div>
        </div>
        <div class="col-lg-2" id="staff_app">
            <div class="navbar-default sidebar" role="navigation">
                <div class="sidebar-nav navbar-collapse">
                    <div class="btn-group btn-group-justified" role="group" style="margin-top:0px;">
                        <a type="button" class="btn btn-default btn-in-head " ><span style="float: left;"><i class="fa fa-step-forward"></i></span>在线人员</a>
                    </div>
                    <div class="sidebar-wrapper">
                        <ul class="nav navasp">
                            <li v-for="item in areaList.areaList">
                                <a data-toggle="collapse"  :href="'#set'+item.pid"><p>{{item.projectName}}<i class="fa fa-caret-left" aria-hidden="true" style="float:right;"></i></p></a>
                                <div class="collapse" :id="'set'+item.pid">
                                    <ul class="nav lnav navinnav">
                                        <li v-for="user in areaList.userList" v-if="user.areaList.indexOf(item.pid)!=-1" >
                                            <a href="#"><i class="fa fa-user-o fa-2x fa-pull-left" style="margin-right:15%;" aria-hidden="true">
                                            </i> {{user.name}}<br>{{user.mobile}}
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${request.contextPath}/statics/js/modules/xinpai/staff_manage.js?_${.now?long}"></script>
</body>
</html>
